@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  @font-face {
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/fonts/ProximaNova/proximanova_regular.ttf) format('truetype');
  }

  @font-face {
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/fonts/ProximaNova/proximanova_bold.otf) format('opentype');
  }

  @font-face {
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(/fonts/ProximaNova/proximanova_extrdbold.otf) format('opentype');
  }
  

  html {
    font-family: "Proxima Nova", system-ui, sans-serif;
  }
}